<template>
  <div class="weixin-header">
    <!-- <h1>{{ title }}</h1> -->
    <a-alert
      v-if="pageAlert"
      :message="pageAlert"
      :show-icon="false"
      banner
      closable
    />
  </div>
</template>

<script>
export default {
  name: 'weixin-header',
  props: {
    title: {
      type: String,
      default: ''
    },
    pageAlert: {
      type: String,
      default: ''
    }
  }
}
</script>

<style scoped lang='less'>
.weixin-header {
  background-color: #fff;
  margin-bottom: 16px;
  h1 {
    padding: 24px 0;
    text-align: center;
    font-size: 22px;
    margin: 0;
  }
}

</style>
